$(function () {
    //获取楼层的长度
    var louH = $(".louceng_item").length;
    var str = '<div class="louceng">';
    for (let i = 0; i < louH; i++) {
        let tit = $(".louceng_item").eq(i).children(".main").find(".hed").text();
        str += `<li class="${i == 0 ? 'current' : ''}">${tit}</li>`
    }
    str += "</div>"
    $("body").append(str);

    $(window).on("scroll", _.debounce(function () {
        //不可见区域高度
        let hideH = $(this).scrollTop();
        //浏览器高度
        let clineH = document.documentElement.clientHeight;
        //第一层楼的高度
        let cline1 = $(".louceng_item").eq(0).offset().top;
        if (cline1 < hideH + clineH/2) {
            $(".louceng").show();
        }
        else {
            $(".louceng").hide()
        }
        let ceng = document.querySelectorAll(".louceng_item")
        var n = [...ceng].findIndex(function (el, index) {
            return $(el).offset().top >= hideH + $("header").height()
        })
        n = n == -1 ? $(".louceng_item").length : n;
        // let index = [...$(".louceng_item")].findIndex(el => $(el).offset().top > hideH + clineH / 4);
			
		// 	index = index == 0 ? 1 : index
		// 	if (index == -1) {
		// 		index = $(".louceng_item").length
        //     }
        //     console.log(index);
        $(".louceng li").eq(n).addClass("current").siblings().removeClass("current");
    },200))
    $(".louceng li").on("click",function(){

          let index = $(this).index();
        //   console.log(index);
          $("html,body").animate({
              scrollTop : $(".louceng_item").eq(index).offset().top - $("header").height()
          },function(){
            $(".louceng li").eq(index).addClass("current").siblings().removeClass("current");
          })
    })
})